<template>
	<div>
		<!-- 代理注册信息 -->
		<div class="review-content">
			<p class="name">
				{{
					$t(
						'funds.fund_audit.agent_withdrawal_review_detail_title_1'
					)
				}}
			</p>
			<div class="review-flex">
				<el-table
					border
					size="mini"
					:data="[1]"
					style="width: 100%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.register_time')"
					>
						<template>
							{{ (listdeta && listdeta.createdAt) || '-' }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.last_login_datetime')"
					>
						<template>
							{{
								(listdeta && listdeta.lastLoginDatetime) || '-'
							}}
						</template>
					</el-table-column>
					<!-- <el-table-column
							align="center"
							:label="$t('funds.fund_audit.last_bet_time')"
						>
							<template>
								{{ (listdeta && listdeta.lastBetTime) || '-' }}
							</template>
						</el-table-column> -->
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.registry_app_type')"
					>
						<template>
							{{
								(listdeta && listdeta.registryAppTypeStr) || '-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.register_ip')"
					>
						<template>
							{{ (listdeta && listdeta.registerIp) || '-' }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.ip_attribution')"
					>
						<template>
							{{ (listdeta && listdeta.ipAttribution) || '-' }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.parent_proxy_name')"
					>
						<template>
							{{ (listdeta && listdeta.parentProxyName) || '-' }}
						</template>
					</el-table-column>
				</el-table>
			</div>
		</div>
		<!-- 代理账号信息 -->
		<div class="review-content">
			<p class="name">
				{{
					$t(
						'funds.fund_audit.agent_withdrawal_review_detail_title_2'
					)
				}}
			</p>
			<div class="review-flex">
				<el-table
					border
					size="mini"
					:data="[1]"
					style="width: 100%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="$t('funds.proxy_name')"
					>
						<template>
							{{ (listdeta && listdeta.userName) || '-' }}
						</template>
					</el-table-column>
					<!-- <el-table-column
							align="center"
							:label="$t('funds.proxy_real_name')"
						>
							<template>
								{{
									(listdeta &&
										listdeta.currentUserRealName) ||
										'-'
								}}
							</template>
						</el-table-column> -->
					<el-table-column
						align="center"
						:label="$t('common.belong_merchant')"
					>
						<template>
							<span>
								{{
									listdeta.merchantId
										? merchantFilter(listdeta.merchantId)
										: listdeta.merchantName || '-'
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('common.account_status')"
					>
						<template>
							<span
								v-if="listdeta.loginLockStatus === 1"
								class="disableRgba"
							>
								{{ $t('common.login_lock_status') }}
							</span>
							<span
								v-if="listdeta.paymentLockStatus === 1"
								class="deleteRgba"
							>
								{{ $t('common.account_lock_status') }}
							</span>
							<span
								v-if="
									listdeta.loginLockStatus === 0 &&
										listdeta.paymentLockStatus === 0
								"
								class="normalRgba"
							>
								{{ $t('common.account_status_normal') }}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.proxy_label_name')"
					>
						<template>
							{{ (listdeta && listdeta.labelName) || '-' }}
						</template>
					</el-table-column>
					<!-- <el-table-column align="center" :label="$t('common.remark')">
							<template>
								{{ (listdeta && listdeta.remark) || '-' }}
							</template>
						</el-table-column>
						<el-table-column align="center" :label="$t('funds.fund_audit.bind_bank_card_count')">
							<template>
								{{
									(listdeta && listdeta.bindBankCardCount) ||
									listdeta.bindBankCardCount === 0
										? listdeta.bindBankCardCount
										: '-'
								}}
							</template>
						</el-table-column>
						<el-table-column align="center" :label="$t('funds.fund_audit.bind_virtual_count')">
							<template>
								{{
									(listdeta && listdeta.bindVirtualCount) ||
									listdeta.bindVirtualCount === 0
										? listdeta.bindVirtualCount
										: '-'
								}}
							</template>
						</el-table-column> -->
				</el-table>
			</div>
		</div>
		<!-- 账号风险信息 -->
		<div class="review-content">
			<p class="name">{{ $t('funds.fund_audit.title_3') }}</p>
			<div class="review-flex">
				<el-table
					border
					size="mini"
					:data="[1]"
					style="width: 100%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="
							$t('funds.fund_audit.proxy_account_wind_control')
						"
					>
						<template>
							<span
								:class="{
									red:
										listdeta.accountWindControl != '否' &&
										listdeta.accountWindControl
								}"
							>
								{{ listdeta.accountWindControl || '-' }}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.bankcard_wind_control')"
					>
						<template>
							<span
								:class="{
									red:
										listdeta.bankcardWindControl != '否' &&
										listdeta.bankcardWindControl
								}"
							>
								{{ listdeta.bankcardWindControl || '-' }}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t('funds.fund_audit.virtual_account_wind_control')
						"
					>
						<template>
							<span
								:class="{
									red:
										listdeta.virtualAccountWindControl !=
											'否' &&
										listdeta.virtualAccountWindControl
								}"
							>
								{{ listdeta.virtualAccountWindControl || '-' }}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.is_risk_bmh_account')"
					>
						<template>
							<span>
								{{ listdeta.bmhAccountWindowControl || '-' }}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t('funds.fund_audit.is_risk_yh_account')
						"
					>
						<template>
							<span>
								{{ listdeta.yhAccountWindowControl || '-' }}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.ip_wind_control')"
					>
						<template>
							<span
								:class="{
									red:
										listdeta.ipWindControl != '否' &&
										listdeta.ipWindControl
								}"
							>
								{{ listdeta.ipWindControl || '-' }}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.device_no_wind_control')"
					>
						<template>
							<span
								:class="{
									red:
										listdeta.deviceNoWindControl != '否' &&
										listdeta.deviceNoWindControl
								}"
							>
								{{ listdeta.deviceNoWindControl || '-' }}
							</span>
						</template>
					</el-table-column>
				</el-table>
			</div>
		</div>
		<!-- 历史存取款信息 -->
		<div class="review-content">
			<p class="name">{{ $t('funds.fund_audit.title_4') }}</p>
			<div class="review-flex">
				<el-table
					border
					size="mini"
					:data="[1]"
					style="width: 100%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.last_withdraw_time')"
					>
						<template>
							{{ (listdeta && listdeta.lastWithdrawTime) || '-' }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.last_withdraw_amount')"
					>
						<template>
							<span>
								{{
									handleNumber(
										listdeta.symbolUsdt,
										listdeta.lastWithdrawAmountUsdt
									)
								}}
							</span>
							<br />
							<span v-if="listdeta.lastWithdrawType === 1">
								({{
									handleNumber(
										listdeta.symbolCny,
										listdeta.lastWithdrawAmountCny
									)
								}})
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.last_withdraw_status')"
					>
						<template>
							{{
								(listdeta &&
									typeFilter(
										listdeta.lastWithdrawStatus,
										'withdrawOrderStatus'
									)) ||
									'-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.last_withdraw_type')"
					>
						<template>
							{{
								(listdeta && listdeta.lastWithdrawType) ||
								listdeta.lastWithdrawType === 0
									? typeFilter(
											listdeta.lastWithdrawType,
											'withdrawPaymentTypeArr'
									  )
									: '-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.last_withdraw_channel')"
					>
						<template>
							{{ listdeta.lastWithdrawChannel || '-' }}
						</template>
					</el-table-column>
				</el-table>
			</div>
			<div class="review-flex">
				<el-table
					border
					size="mini"
					:data="[1]"
					style="width: 100%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.total_deposit')"
					>
						<template>
							{{
								(listdeta && listdeta.totalDeposit) ||
								listdeta.totalDeposit === 0
									? handleNumber(
											listdeta.currency,
											listdeta.totalDeposit
									  )
									: '-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.total_deposit_num')"
					>
						<template>
							{{
								(listdeta && listdeta.totalDepositNum) ||
								listdeta.totalDepositNum === 0
									? listdeta.totalDepositNum
									: '-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.total_withdraw')"
					>
						<template>
							{{
								(listdeta && listdeta.totalWithdraw) ||
								listdeta.totalWithdraw === 0
									? handleNumber(
											listdeta.currency,
											listdeta.totalWithdraw
									  )
									: '-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.total_withdraw_num')"
					>
						<template>
							{{
								(listdeta && listdeta.totalWithdrawNum) ||
								listdeta.totalWithdrawNum === 0
									? listdeta.totalWithdrawNum
									: '-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t('funds.fund_audit.total_deposit_withdraw_sub')
						"
					>
						<template>
							{{
								(listdeta &&
									listdeta.totalDepositWithdrawSub) ||
								listdeta.totalDepositWithdrawSub === 0
									? handleNumber(
											listdeta.currency,
											listdeta.totalDepositWithdrawSub
									  )
									: '-'
							}}
						</template>
					</el-table-column>
				</el-table>
			</div>
		</div>
		<!-- 本次取款信息 -->
		<div class="review-content">
			<p class="name">{{ $t('funds.fund_audit.title_5') }}</p>
			<div class="review-flex">
				<el-table
					border
					size="mini"
					:data="[1]"
					style="width: 100%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="$t('funds.order_no')"
						show-overflow-tooltip
					>
						<template>
							{{ (listdeta && listdeta.eventId) || '-' }}
						</template>
					</el-table-column>
					<el-table-column
						v-if="!isAudit"
						align="center"
						:label="$t('funds.fund_audit.connect_three_order_no')"
						show-overflow-tooltip
					>
						<template>
							{{ (listdeta && listdeta.thirdOrderNo) || '-' }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.app_type')"
					>
						<template>
							{{ (listdeta && listdeta.appTypeStr) || '-' }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.ip')"
						show-overflow-tooltip
					>
						<template>
							<!-- <el-link
									v-if="listdeta && listdeta.ip"
									class="lightBlueColor"
									type="primary"
									@click="openDialog(1, listdeta.ip)"
								>
									{{ listdeta.ip }}
								</el-link>
								<span v-else>-</span> -->
							{{ listdeta.ip }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.deviceNo')"
						show-overflow-tooltip
					>
						<template>
							<!-- <el-link
									v-if="listdeta && listdeta.deviceNo"
									class="lightBlueColor"
									type="primary"
									@click="openDialog(2, listdeta.deviceNo)"
								>
									{{ listdeta.deviceNo }}
								</el-link>
								<span v-else>-</span> -->
							{{ listdeta.deviceNo }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.first_withdraw_status')"
					>
						<template>
							<span
								:class="{
									red:
										listdeta.firstWithdrawStatus &&
										listdeta.firstWithdrawStatus !== 0
								}"
							>
								{{
									listdeta.firstWithdrawStatus == 0
										? $t('common.no')
										: $t('common.yes')
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.big_withdraw')"
					>
						<template>
							<span
								:class="{
									red:
										listdeta.bigWithdraw &&
										listdeta.bigWithdraw !== 0
								}"
							>
								{{
									listdeta.bigWithdraw === 0
										? $t('common.no')
										: !listdeta.bigWithdraw
										? '-'
										: $t('common.yes')
								}}
							</span>
						</template>
					</el-table-column>
				</el-table>
			</div>
			<div class="review-flex">
				<el-table
					border
					size="mini"
					:data="[1]"
					style="width: 100%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.withdraw_type')"
					>
						<template>
							{{
								(listdeta && listdeta.withdrawType) ||
								listdeta.withdrawType === 0
									? typeFilter(
											listdeta.withdrawType,
											'withdrawPaymentType'
									  )
									: '-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.sub_pay_type')"
					>
						<template>
							{{ (listdeta && listdeta.channelName) || '-' }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t(
								'funds.fund_audit.withdraw_count_canWithdraw_count'
							)
						"
					>
						<template>
							{{ listdeta && listdeta.todayWithdrawCount }}
							/
							{{
								(listdeta && listdeta.todayCanWithdrawCount) ||
									'-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t(
								'funds.fund_audit.withdraw_amount_canWithdraw_amount'
							)
						"
					>
						<template>
							{{
								(listdeta && listdeta.todayWithdrawAmount) ||
								listdeta.todayWithdrawAmount === 0
									? handleNumber(
											listdeta.currency,
											listdeta.todayWithdrawAmount
									  )
									: '-'
							}}
							/
							{{
								(listdeta && listdeta.todayCanWithdrawAmount) ||
								listdeta.todayCanWithdrawAmount === 0
									? handleNumber(
											listdeta.currency,
											listdeta.todayCanWithdrawAmount
									  )
									: '-'
							}}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.withdraw_info')"
					>
						<template>
							{{ (listdeta && listdeta.withdrawInfo) || '-' }}
						</template>
					</el-table-column>
					<el-table-column
						prop="walletType"
						align="center"
						:label="$t('common.withdraw_money_wallet')"
						min-width="90"
						show-overflow-tooltip
					>
						<template>
							<span v-if="listdeta.walletType === 17">
								{{ $t('common.cash_wallet') }}
							</span>
							<span v-else-if="listdeta.walletType === 21">
								{{ $t('common.earnings_wallet') }}
							</span>
							<span v-else>
								-
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit._order_amount')"
					>
						<template>
							<span
								style="color: red; font-size: 18px; font-weight: 600"
							>
								{{
									handleNumber(
										listdeta.symbolUsdt,
										listdeta.orderAmountUsdt
									)
								}}
							</span>
							<br />
							<span
								v-if="listdeta.withdrawType === 1"
								style="color: red; font-size: 18px; font-weight: 600"
							>
								{{
									handleNumber(
										listdeta.symbolCny,
										listdeta.orderAmountCny
									)
								}}
							</span>

							<!-- <span style="color: red; font-weight: 600">
									{{
										(listdeta && listdeta.orderAmount) ||
										listdeta.orderAmount === 0
											? handleCurrency(
													listdeta.currency
											  ) +
											  handleNumber(
													listdeta.currency,
													listdeta.orderAmount
											  )
											: '-'
									}}
								</span> -->
						</template>
					</el-table-column>
				</el-table>
			</div>
		</div>
		<!-- 取款限制信息 -->
		<div class="review-content mt0 pt0">
			<p class="name">取款限制信息</p>
			<div class="review-flex">
				<!-- 账单限制 -->
				<el-table
					v-if="listdeta.withdrawLimitType === 1"
					border
					size="mini"
					:data="[1]"
					style="width: 50%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="
							$t('funds.capital_adjustment.withdraw_limit_type')
						"
					>
						<template>
							{{ $t('funds.fund_audit.billing_restrictions') }}
						</template>
					</el-table-column>
					<el-table-column align="center" label="剩余可提现金额">
						<template>
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.remainAmount
									)
								}}
							</span>
						</template>
					</el-table-column>
				</el-table>
				<!-- 流水限制-->
				<el-table
					v-else
					border
					size="mini"
					:data="[1]"
					style="width: 50%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="
							$t('funds.capital_adjustment.withdraw_limit_type')
						"
					>
						<template>
							{{ $t('funds.fund_audit.flow_restriction') }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.capital_adjustment.need_valid_water')"
					>
						<template slot="header">
							{{
								$t('funds.capital_adjustment.need_valid_water')
							}}
							<br />
							{{
								$t('funds.capital_adjustment.withdraw_snoshop')
							}}
						</template>
						<template>
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.validAmount
									)
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t('funds.capital_adjustment.complete_valid_water')
						"
					>
						<template slot="header">
							{{
								$t(
									'funds.capital_adjustment.complete_valid_water'
								)
							}}
							<br />
							{{
								$t('funds.capital_adjustment.withdraw_snoshop')
							}}
						</template>
						<template>
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.completeAmount
									)
								}}
							</span>
						</template>
					</el-table-column>
				</el-table>
			</div>
		</div>
		<!-- 快照账单信息 -->
		<div class="review-content">
			<p class="name">
				快照账单信息（当前代理业务线为：
				{{
					listdeta.withdrawLimitType === 1
						? $t('funds.fund_audit.billing_restrictions')
						: $t('funds.fund_audit.flow_restriction')
				}}
				）
			</p>
			<div class="review-flex">
				<el-table
					border
					size="mini"
					:data="[1]"
					style="width: 100%"
					:header-cell-style="getRowClass"
				>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.snapshot_time')"
					>
						<!-- 快照时间	 -->
						<template>
							{{ listdeta.snapshotTine }}
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t('funds.settlement_bill_management.team_assets')
						"
					>
						<template>
							<!-- 团队净资产	-->
							<span
								:style="
									handleNumberColor(listdeta.teamNetAsset)
								"
							>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.teamNetAsset
									)
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t(
								'funds.settlement_bill_management.team_payable_loan'
							)
						"
					>
						<template>
							<!-- 团队应还账款 -->
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.teamShouldRepay
									)
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t(
								'funds.settlement_bill_management.team_withdrawable_limit'
							)
						"
					>
						<template>
							<!-- 团队可提现额 -->
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.teamWithdrawAmount
									)
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="
							$t(
								'funds.settlement_bill_management.bill_net_assets'
							)
						"
					>
						<template>
							<!-- 账单净资产 -->
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.netAsset
									)
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('member.balance')"
					>
						<template>
							<!-- 中心钱包余额 -->
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.cash
									)
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.earnings_amount')"
					>
						<template>
							<!-- 收益余额 -->
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.profit || 0
									)
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('member.credit_balance')"
					>
						<template>
							<!-- 信用钱包余额 -->
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.creditAvailable
									)
								}}
							</span>
						</template>
					</el-table-column>
					<el-table-column
						align="center"
						:label="$t('funds.fund_audit.credit_limit')"
					>
						<template>
							<!-- 信用额度 -->
							<span>
								{{
									handleNumber(
										listdeta.currency,
										listdeta.creditTotal
									)
								}}
							</span>
						</template>
					</el-table-column>
				</el-table>
			</div>
			<div style="color:red;font-size: 14px;margin-top: 15px;">
				快照账单信息仅为辅助参考统计，不作为最终的实际账单；
			</div>
		</div>
		<!-- 审核信息 -->
		<div class="review-content" v-if="auditList.length > 0">
			<p class="name">{{ $t('funds.fund_audit.audit_info') }}</p>
			<div v-for="(item, index) in auditList" :key="index" class="mt10">
				<el-row :gutter="20">
					<el-col :span="4">
						{{ $t('funds.fund_audit.audit_stage') }}:
						{{ item.step || '-' }}
					</el-col>
					<el-col :span="4">
						{{ $t('funds.fund_audit.lock_account') }}:
						{{ item.auditOperator || '-' }}
					</el-col>
					<el-col :span="6">
						{{ $t('funds.fund_audit.audit_time') }}:
						{{ item.auditTime || '-' }}
					</el-col>
					<el-col :span="10">
						{{ $t('funds.fund_audit.audit_remark') }}:
						<span class="txtfeed">
							{{ item.auditDesc || '-' }}
						</span>
					</el-col>
				</el-row>
			</div>
		</div>
		<!-- 上传凭证 -->
		<!-- <div
			class="review-content"
			v-if="listdeta.imageUrls && listdeta.imageUrls.length > 0"
		>
			<p class="name">{{ $t('funds.fund_audit.voucher_info') }}</p>
			<div class="review-flex">
				<el-image
					v-for="(imgUrl, index) in listdeta.imageUrls"
					:key="index"
					:src="imgUrl"
					style="max-width: 220px;"
					:preview-src-list="[imgUrl]"
					lazy
				></el-image>
			</div>
		</div> -->
		<!-- 同名IP和设备号 -->
		<el-dialog
			:title="tableTitle"
			:visible.sync="dialogVisible"
			:destroy-on-close="true"
			class="dialogBox"
		>
			<el-table
				:data="dialogData"
				border
				max-height="400"
				:header-cell-style="getRowClass"
			>
				<el-table-column
					type="index"
					align="center"
					:label="$t('common.serial_number')"
					width="60"
				></el-table-column>
				<el-table-column
					property="userName"
					align="center"
					:label="$t('funds.proxy_name')"
				>
					<template slot="header" slot-scope="scope">
						<el-popover
							placement="top-start"
							:title="$t('common.components.tip')"
							width="280"
							trigger="hover"
						>
							<div v-if="!scope.row">
								<p>
									{{ tableTips }}
								</p>
							</div>
							<div slot="reference" class="el-icon-question">
								<span class="other-class">
									{{ $t('funds.proxy_name') }}
								</span>
							</div>
						</el-popover>
					</template>
					<template slot-scope="scope">
						{{ scope.row.userName || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					property="depositAmount"
					align="center"
					:label="$t('funds.fund_audit.deposit_amount')"
				>
					<template slot-scope="scope">
						{{
							handleNumber(
								listdeta.currency,
								scope.row.depositAmount
							)
						}}
					</template>
				</el-table-column>
				<el-table-column
					property="withdrawAmount"
					align="center"
					:label="$t('funds.fund_audit._order_amount')"
				>
					<template slot-scope="scope">
						{{
							handleNumber(
								listdeta.currency,
								scope.row.withdrawAmount
							)
						}}
					</template>
				</el-table-column>
				<el-table-column
					property="registerIp"
					align="center"
					:label="$t('funds.fund_audit.register_ip')"
					show-overflow-tooltip
				></el-table-column>
				<el-table-column
					property="createDt"
					align="center"
					:label="$t('funds.fund_audit.register_time')"
					show-overflow-tooltip
				></el-table-column>
				<el-table-column
					property="deviceNo"
					:label="$t('funds.fund_audit.register_device_no')"
					show-overflow-tooltip
				></el-table-column>
			</el-table>
			<div v-if="total" slot="footer" class="dialog-footer">
				<el-pagination
					v-show="!!total"
					:current-page.sync="pageNum"
					background
					layout="total, sizes,prev, pager, next, jumper"
					:page-size.sync="pageSize"
					:page-sizes="pageSizes"
					:total="total"
					:pager-count="9"
					@current-change="handleCurrentChange"
					@size-change="handleSizeChange"
				></el-pagination>
			</div>
		</el-dialog>
	</div>
</template>

<script>
import list from '@/mixins/list'
export default {
	mixins: [list],
	props: {
		isAudit: {
			type: Boolean,
			default: false
		},
		listdeta: {
			type: Object,
			default: () => {}
		}
	},
	data() {
		return {
			tableTitle: '',
			tableTips: '',
			dialogVisible: false,
			dialogData: [],
			dialogFlag: 1,
			dialogVal: ''
		}
	},
	computed: {
		auditList() {
			const auditList = []
			if (this.listdeta.audit1Operator) {
				auditList.push({
					step: '一审',
					auditOperator: this.listdeta.audit1Operator,
					auditTime: this.listdeta.audit1Time,
					auditDesc: this.listdeta.audit1Desc,
					auditResult: this.formatAuditStatus(
						this.listdeta.audit1Result
					)
				})
			}
			if (this.listdeta.audit2Operator) {
				auditList.push({
					step: '二审',
					auditOperator: this.listdeta.audit2Operator,
					auditTime: this.listdeta.audit2Time,
					auditDesc: this.listdeta.audit2Desc,
					auditResult: this.formatAuditStatus(
						this.listdeta.audit2Result
					)
				})
			}
			if (this.listdeta.audit3Operator) {
				auditList.push({
					step: '三审',
					auditOperator: this.listdeta.audit3Operator,
					auditTime: this.listdeta.audit3Time,
					auditDesc: this.listdeta.audit3Desc,
					auditResult: this.formatAuditStatus(
						this.listdeta.audit3Result
					)
				})
			}
			if (this.listdeta.confirmOperator) {
				auditList.push({
					step: '出款',
					auditOperator: this.listdeta.confirmOperator,
					auditTime: this.listdeta.confirmTime,
					auditDesc: this.listdeta.confirmDesc,
					auditResult: this.formatAuditStatus(
						this.listdeta.confirmResult
					)
				})
			}
			return auditList
		}
	},
	methods: {
		formatAuditStatus(status) {
			return { 1: '通过', 2: '拒绝' }[status] || '-'
		},
		openDialog(flag, val) {
			this.dialogFlag = flag
			this.dialogVal = val
			if (this.dialogFlag === 1) {
				this.tableTitle = this.$t('funds.fund_audit.dialog_title_3')
				this.tableTips = this.$t('funds.fund_audit.tabel_title_3')
			} else {
				this.tableTitle = this.$t('funds.fund_audit.dialog_title_4')
				this.tableTips = this.$t('funds.fund_audit.tabel_title_4')
			}
			this.dialogVisible = true
			this.getIPOrDeviceNoList()
		},
		getIPOrDeviceNoList() {
			this.dialogData = []
			let params = {}
			if (this.dialogFlag === 1) {
				params = { customerIp: this.dialogVal }
			} else {
				params = { deviceNo: this.dialogVal }
			}
			params = this.getParams(params)
			this.$api
				.proxyWithDrawUserSelectMemberIPOrDeviceNo(params)
				.then((res) => {
					if (res.code === 200) {
						this.dialogData = res?.data || []
						this.total = res?.data?.totalRecord || 0
					}
				})
		}
	}
}
</script>

<style lang="scss" scoped>
::v-deep .el-dialog__header {
	text-align: center;
	color: #909399;
	font-weight: 700;
}
.dialogBox ::v-deep .el-dialog__header {
	text-align: left;
	background: #009688;
	padding: 0 0 0 20px;
	line-height: 38px;
	.el-dialog__title {
		color: #ffffff;
	}
	.el-dialog__headerbtn {
		top: 10px;
		i {
			color: #ffffff;
		}
	}
}
.red {
	color: red;
}
.review-content {
	margin: 24px 16px 20px 16px;
	color: #666666;
	.name {
		font-weight: 600;
	}
	.review-table {
		width: 100%;
		text-align: center; /*文本居中*/
		border-collapse: collapse; /*表格的边框合并，如果相邻，则共用一个边框*/
		border-spacing: 0;
		border: 1px solid rgba(235, 238, 245, 0.712);
		td {
			border-right: 1px solid rgba(235, 238, 245, 0.712);
			border-bottom: 1px solid rgba(235, 238, 245, 0.712);
			height: 37px;
			width: 130px;
			font-size: 12px;
			line-height: 21px;
		}
		.td-title {
			background: rgba(239, 239, 239, 0.849);
			max-width: 56px;
		}
	}
	.head {
		height: 70px;
		line-height: 70px;
		width: 100%;
		background: #000;
		border-radius: 2px;
		padding: 0 30px;
		.title {
			font-weight: 600;
			color: rgb(192, 190, 190);
		}
		.right-btn {
			float: right;
		}
	}
	.main-content {
		.review-content {
			min-height: 150px;
			border-top: 0;
			padding: 30px;
			.name {
				font-weight: 600;
			}
			.review-flex {
				position: relative;
				width: 100%;
				margin-top: 15px;
				display: flex;
				justify-content: space-between;
				div {
					display: inline-block;
					width: 24%;
				}
				.txtfeed {
					width: 160px;
					word-wrap: break-all;
					vertical-align: top;
					overflow: hidden;
				}
			}
		}
		.more-height {
			height: 200px;
		}
	}
}
.red {
	color: red;
}
</style>
